<div class="opt col-lg-12">
  <!-- Modal Controller-->
  <!-- Button trigger modal -->
  <div class="left-op">
     <!-- 文件功能 -->
     <div class="btn-group btn-group-sm kod_path_tool ops">
        <a href="/" class="op home"><i class="icon-home"></i></a>
        <div dropdown="dropdown" class="btn-group mb-sm open">
          <button type="button" ng-disabled="disabled" dropdown-toggle="" class="btn dropdown-toggle  op bucket" aria-haspopup="true" aria-expanded="true"><i class="fa fa-folder-open folder-right">
           </i>选择一个项目
             <span class="caret"></span>
           </button>
           <ul role="menu" class="dropdown-menu bucket-ops" ng-controller="TypeController"> 
             <li ng-controller="AddProjectController">
                <button ng-click="openproject()" class="btn btn-default project-op" type="button">
                +新建项目
                </button>
             </li>
             <li ng-repeat="type in types">
                <button class="btn btn-default project-op" type="button">
              <a ui-sref="app.fileList({projectfileName: type.eh})" id="{{type.eh}}" name="{{type.eh}}" tooltip-placement="right" tooltip="{{type.ch}}（{{type.eh}}）">{{type.ch}}（{{type.eh}}）</a>
              </button>
             </li>
           </ul>
        </div>
       <div id="modal-state"></div>
     </div>
  </div>
  <div class="input-group search-btn">
    <input type="text" placeholder="输入资源名前缀匹配" class="form-control input-sm">
    <span class="input-group-btn">
       <button type="submit" class="btn btn-default btn-sm"><i class="fa fa-search"></i>
       </button>
    </span>
  </div>
  <div class="tools-right">
     <div class="btn-group btn-group-sm kod_path_tool ops">
           <button type="button" class="btn btn-default btn-lg op bucket"><i class="fa fa-cloud-upload">
          </i><a href="http://localhost/webfrontend/#/app/project/icon">项目管理</a></button>
           <button type="button" class="btn btn-default btn-lg op bucket"><i class="fa fa-pencil-square-o">
          </i><a href="http://localhost/webfrontend/#/app/file/view">文件管理</a></button>
     </div>
  </div>
  <div style="clear:both">
  </div>
</div>
<div ng-controller="CodeEditorController" class="d-table-fixed pannel-body">
   <div class="d-cell wd-md code-files">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <span ng-if="doing_async">...loading...</span>
                  <abn-tree tree-data="filetree_data" tree-control="filetree" on-select="handle_filetree(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="" icon-expand="fa fa-fw fa-angle-right mr-sm" icon-collapse="fa fa-fw fa-angle-down mr-sm" class="left-cnt"></abn-tree>
               </div>
            </div>
         </div>
         <div class="p-sm">
            <select ng-options="theme for theme in editorThemes" ng-model="editorOpts.theme" ng-change="loadTheme(editorOpts.theme)" class="form-control"></select>
         </div>
      </div>
   </div>
   <div class="d-cell">
      <div class="d-table">
         <div class="d-row">
            <div class="d-cell-wrapper">
               <div class="d-cell-inner">
                  <div class="code-editor fh">
                     <!-- START panel-->
                     <ui-codemirror ui-codemirror-opts="editorOpts" ng-model="code" ng-hide="file"></ui-codemirror>
                     <img ng-src="./server/editor/{{ output }}" ng-show="picture" ></img>
                     <!-- END panel-->
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>